:root {
  --color-primary: rgb(53, 179, 137); // #AC8358
  --color-primary-hover: rgb(114, 202, 172); // #72CAAC
  --color-primary-active: rgb(43, 155, 119); // #2BB777
  --color-primary-light: rgb(235, 247, 243); // #EBF7F3

  --btn-primary-bg:linear-gradient(159.97deg, rgba(206,234,158,1) -140.78%,#AC8358 89.45%);

  --base-font-size-sm: 14px;
  --base-font-size: 16px;
  --base-font-size-lg: 18px;
  --base-font-size-xl: 20px;
}
.big-char-mode {
  // 关怀模式
  --base-font-size-sm: 18px;
  --base-font-size: 20px;
  --base-font-size-lg: 22px;
  --base-font-size-xl: 24px;
}
html,
body,
#__nuxt {
  height: 100vh;
  margin: 0;
  padding: 0;
  font-size: var(--base-font-size);
}

html.dark {
  background: #222;
  color: white;
}

@font-face {
  font-family: 'syzt';
  src: url("../fonts/syzt.ttf") format('truetype');
}
